// 请求报文  4个组成部分  请求行 请求头 空行 请求体（GET）没有请求体

// 发送一个请求 接口规定  必须要带token
// 要如何在请求头中添加数据 携带过去

/* axios.get("/student/list", {
    headers: {
        // 属性名 看接口文档  和属性值 token
        Authorization: localStorage.getItem("token")
    }
})
    .then(res => {
        console.log(res)
    })
    .catch(err => {
        console.error(err);
    }) */
// 修改到以下的代码---token放在拦截器里面完成请求的的存储功能
// 发送一个请求 接口规定 必须要带token
// 想办法在请求头中添加数据  携带过去
axios.get("/student/list").then((result) =>
    // console.log(result)
     console.log()

)


// 1-退出功能
// 1- 给退出按钮绑定点击事件
// 2- 弹出确认框
/* 3 - 用户去确定之后--退出
1 - 删除本地存储 token
 跳转回去登录页 */

// 退出功能
const logout = document.querySelector('.logout a');//退出按钮

const oneMenuList = document.querySelectorAll(".nav>li>a")  //获取一级菜单中的a标签 数组
const twoMenuList = document.querySelectorAll(".nav ul a")  //获取二级菜单中的a标签 数组

// 获取初始化的元素-点击进行数据的获取--绑定点击事件
const initBtn = document.querySelector('.init');

// 退出功能
logout.addEventListener('click', function (e) {
    if (confirm("您确定要退出此页面吗")) {
        // 移除token
        localStorage.removeItem("token")
        // 跳转回去登录页
        location.href = "./login.html"
    }
})


// 一级菜单的点击事件
// forEach数组遍历方法  里面的元素定义为one可以任意取名  以往我们定义为v  利用里面的元素来遍历
oneMenuList.forEach((one) => {
    one.addEventListener('click', function (e) {
        // 小箭头的旋转  找到我点击的a标签里面的箭头
        // 这里是点击对应标签的时候  切换类 把toggle的样式 切换成toggleone的样式
        one.querySelector(".toggle").classList.toggle("toggleone")
        // 控制二级标题  对应的标签 切换显示
        // 同时这里的二级标签 找到下一个兄弟元素ul 切换到显示
        one.nextElementSibling.classList.toggle("show")
    })
})

// 二级菜单点击
twoMenuList.forEach((two) => {
    two.addEventListener('click', function (e) {

        //    移除旧的
        document.querySelector('.nav ul a.active').classList.remove("active");
        // 当前点击的添加上
        two.classList.add("active")
    })
})

// 点击按钮  获取初始化数据
initBtn.addEventListener('click', function (e) {
    axios.get("/init/data").then((result) => {
        // 判断一下请求的状态是否成功
        if (result.data.code === 0) {
            toastr.success(result.data.message)

            
        }
    })
})


